Manual De Desenvilvimento No Blazor

Manual De Desenvilvimento No Blazor

Um guia prático para o desenvolvimento de aplicações web com Blazor, abrangendo desde a configuração do ambiente até a implementação de funcionalidades avançadas.

Publicado: 15:28, 30/05/25
Reinan Bezerra

O que é Blazor?

Blazor é um framework da Microsoft que permite criar aplicações web interativas usando C# em vez de JavaScript. Ele pode ser usado tanto no lado do servidor (Blazor Server) quanto no lado do cliente (Blazor WebAssembly), permitindo que os desenvolvedores utilizem C# para toda a lógica de aplicação, tanto no backend quanto no frontend.

Instalação

Para instalar o Blazor, você precisa ter o SDK do .NET Core instalado. Você pode baixar a versão mais recente do SDK no site oficial da Microsoft, isso no Windows.

No Ubuntu, você pode usar o seguinte comando para instalar o SDK do .NET Core:

sudo apt update
sudo apt install -y wget

# Importa a chave da Microsoft
wget https://packages.microsoft.com/config/ubuntu/$(lsb_release -rs)/packages-microsoft-prod.deb -O packages-microsoft-prod.deb
sudo dpkg -i packages-microsoft-prod.deb

# Instala o SDK do .NET
sudo apt update
sudo apt install -y dotnet-sdk-8.0

Verifique a versão instalada com o comando:

dotnet --version # deve mostrar: 8.0.116

Agora instale as ferramentas do Blazor WebAssembly com o seguinte comando:

dotnet workload install wasm-tools

Para criar um novo projeto Blazor, faça:

dotnet new blazorwasm -o MeuProjetoBlazor

Isso criará um novo projeto Blazor WebAssembly chamado "MeuProjetoBlazor". Você pode abrir o projeto no Visual Studio Code ou em outro editor de sua escolha.

Para iniciar o servidor de desenvolvimento, navegue até o diretório do projeto e execute:

cd MeuProjetoBlazor
dotnet run

Agora você pode acessar a aplicação Blazor no seu navegador em https://localhost:5254.

Eu rodei, por exemplo, o comando dotnet new blazorwasm -o chat_game e depois cd chat_game e dotnet run.

Resultado:

Blazor WebAssembly

Seus arquivos de projeto devem ser semelhantes a este:

Arquivos do Projeto Blazor

Agora você pode começar a desenvolver sua aplicação Blazor!

Lembre-se de colocar no .gitignore o seguinte:

.vs/
.vscode/
bin/
obj/
*.db
*.db-journal
*.suo
*.user
*.userosscache
*.sln.docstates
*.sln.ide
*.sln.ideconfig
*.sln.ideconfig.json
*.sln.ideconfig.user
*.sln.ideconfig.user.json
*.sln.ideconfig.user.json

Isso garante que você não suba arquivos desnecessários para o repositório.

Considerações Finais

O Blazor MVC é uma ótima maneira de combinar a flexibilidade do ASP.NET Core MVC com a interatividade do Blazor. Ele permite que você crie aplicações web modernas e dinâmicas usando C# tanto no lado do servidor quanto no lado do cliente.

Para mais informações, consulte a documentação oficial do Blazor MVC.

Referências

Voltar